.navbar-default {
  padding: 3px 0;
  border-radius: 0;

  .navbar-brand, .navbar-brand:hover {
    color: $pagecolorlight;
    font-size: 1.8em;
  }

  .container-fluid {
    padding-right: 0;
  }

  .navbar-header {
    .form-group {
      display: inline-block;
      margin-top: 7px;
      margin-bottom: 9px;
    }

    .form-control {
      display: inline-block;
      width: auto;
    }
  }

  .navbar-nav {
    margin-left: 3px;

    .dropdown {
      > button {
        color: $white;
        padding: 13px 10px;
        margin: 0;

        svg {
          transform: rotate(270deg);
          fill: $white;
          height: 0.9em;
        }

        &:focus {
          @include basic-focus;
          outline-color: $white;
        }
      }
    }

    .dropdown-menu {
      display: block;
      background-color: $dark-gray;
      left: auto;
      right: 0;
      padding-bottom: 0;

      .permissions, a {
        padding: 5px;
      }

      a {
        background-color: $dark;
        color: $pagecolorlight;

        &:focus {
          @include basic-focus;
          outline-color: $white;
        }

        &:hover, &:active, &:focus {
          @include headerNavLink;
        }
      }
    }
  }

  .menu .header-link a {
    padding-left: 5px;
    padding-right: 5px;

    &:focus {
      outline-color: $white;
    }
  }

  .pull-right {
    display: flex;
    justify-content: flex-end;
    max-width: 50%;
    min-width: 30%;
  }

  .navbar-collapse {
    padding: 0;

    &.in {
      overflow-y: visible;
    }
  }

  .nav {
    .header-link {
      a {
        text-decoration: none;

        &.active-link,
        &:hover,
        &:focus {
          @include headerNavLink;
        }
      }
      &.active a {
        @include headerNavLink;
      }
    }
  }
}
